<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
	content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>得利库克手机版</title>
<link rel="stylesheet" type="text/css" href="<c:url value="/static/jquery-easyui-mobile/themes/metro/easyui.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/static/jquery-easyui-mobile/themes/mobile.css"/>">
<link rel="stylesheet" type="text/css" href="<c:url value="/static/jquery-easyui-mobile/themes/icon.css"/>">
<script type="text/javascript" src="<c:url value="/static/jquery-easyui-mobile/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/static/jquery-easyui-mobile/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="/static/jquery-easyui-mobile/jquery.easyui.mobile.js"/>"></script>

<style>
.easyui-navpanel { 
background-color: #92000b;
} 
.m-toolbar {
background-color: #0a0909;
border-color:#000;
color:#ffffff;
}
.panel-header{
background-color: #0a0909;
border-color:#000;
}
.panel-header-noborder{
background-color: #0a0909;
border-color:#000;
}
</style>


<script type="text/javascript">
function login(){
    if(document.getElementById("userName").value==null||document.getElementById("userName").value==''||document.getElementById("userName").value.length>20){
        alert("账号不能为空或过长！");
        return false;   
    }else if(document.getElementById("password").value==null||document.getElementById("password").value==''){
        alert("密码不能为空！");
        return false;
    }else{
        document.loginForm.submit();
    }
}
function restLogin(){
    document.loginForm.userName.value = "";
    document.loginForm.password.value = "";
}
function form_onkeyup()
{
key=window.event.keyCode;
   if(key==0xD)//判断是否按下回车键
   {
        login();
   }
}
</script>

</head>
<body>
	<div class="easyui-navpanel">
		<header>
			<div class="m-toolbar">
				<span class="m-title">得利库克采购系统</span>
			</div>
		</header>
		<div
			style="margin: 20px auto; width: 150px; height: 150px; border-radius: 100px; overflow: hidden">
			<img src="<c:url value="/images/loginMobile.jpg"/>" style="margin: 0; width: 100%; height: 100%;">
		</div>
		<form id="loginForm" name="loginForm" method="post" action="<c:url value="/user/login.do"/>" onkeyup="return form_onkeyup()">
		
		<div style="padding: 0 20px">
			<div style="margin-bottom: 10px">
				<input class="easyui-textbox" name="userName" name="userName" id="userName"
					data-options="prompt:'Type username',iconCls:'icon-man'"
					style="width: 100%; height: 38px">
			</div>
			<div>
				<input class="easyui-textbox" type="password"  name="password" id="password"
					data-options="prompt:'Type password',iconCls:'icon-lock'"
					style="width: 100%; height: 38px">
			</div>
			<div style="text-align: center; margin-top: 15px">
			    <font color="black"><strong><c:out value="${info}" /></strong></font>
			</div>
			<div style="text-align: center; margin-top: 15px">
				<a href="#" onclick="login()" class="easyui-linkbutton"
					style="width: 50%; height: 40px"><span style="font-size: 16px">登录</span></a>
			</div>
			
		</div>
		        <input type="hidden" name="mobileFlag" value="2" id="mobileFlag"/>
		</form>
	</div>
</body>
</html>

